//验证手机号
$(".telco").bind("blur",function (){
    var usertelno = $(".telco").val();
    console.log(usertelno)
    if (usertelno == null || usertelno === ""){
        $(".warnphone").text("手机号码不能为空！");
        return false;
    }else if(!/^[1][3,4,5,7,8][0-9]{9}$/.test(usertelno)){
        $(".warnphone").text("手机号格式不正确！");
        return false;
    }else {
        $(".warnphone").text("");
        return true;
    }
})

//验证用户名
$(".name").bind("blur",function(){
    var userTel = $(".name").val();
    console.log(userTel)
    if (userTel == null || userTel === ""){
        $(".warnname").text("用户名不能为空！");
        return false;
    }else {
        $(".warnname").text("");
        return true;
    }
})
/*//验证头像
$(".img").bind("blur",function (){
    var usrimg = $(".img").val();
    console.log(usrimg)
    if (usrimg == null || usrimg === ""){
        $(".warnimg").text("头像不能为空！");
        return false;
    }else {
        $(".warnimg").text("");
        return true;
    }
})*/
/*================================  个人信息修改  =====================================*/
//点击事件：点击修改跳出弹框
$(".modify").click(function(){
    $(".modify-detil").css("display","block");
    $('#cover').css('display','block'); //显示遮罩层
    $('#cover').css('height',document.body.clientHeight+1000+'px'); //设置遮罩层的高度为当前页面高度

    var img = $(".user-img")[0].src;
    var name = $(".user-name").text();
    var telno = $(".user-telno").text();
    console.log(img);
    console.log(name);
    console.log(telno);
    // $(".img").val(img);
    $(".name").val(name);
    $(".telco").val(telno);
    $(".userid").val(1);
});

//关闭弹框：取消修改
$(".cancelmodify").click(function(){
    $(".modify-detil").css("display","none");
    $('#cover').css('display','none');   //显示遮罩层
    // $(".app").css("filter","none");//显示遮罩层
    console.log("A")
});
/*//头像
function xmTanUploadImg(obj){
    var file = obj.files[0];
    console.log("obj:"+obj);
    console.log("file:"+file);
    console.log("fileName:"+file.name);
    console.log("file.size = "+file.size);
    var reader = new FileReader();
    reader.onload = function (e){
        console.log(e)//ProgressEvent 对象，里面的target.result就是base64编码
        console.log("成功读取。。。");
        var img = $(".user-img");
        img.src = e.target.result;//把读出来的二进制字符串赋值给src变量
        //或者 img.src = this.result;  //e.target == this
    }
    reader.readAsDataURL(file);//把file以二进制字符串的形式读取到FileReader对象reader中
}*/
//点击确定，提交修改后数据
$(".determine").click(function (){
    console.log("2222222222222244444444444")
    var token = localStorage.getItem("token");
    $('.newmsg').ajaxSubmit({
        type: "post",
        url: "http://localhost:8081/demo/postModifyMsg",
        headers:{"token":token},
        data:{
            userNickname:$(".name").val(),
            userTelno:$(".telco").val(),
            userId:$(".userid").val(),
            userHeading:$(".user-img").attr('src')
        },
        success:function (result){
            console.log("111111111111133333333")
            console.log(result)
            console.log(result.imgUrl);
            $(".modify-detil").css("display","none");
            $('#cover').css('display','none');   //显示遮罩层
            alert("信息修改成功");
        },error:function (result){
            alert(result);
        },dataType: 'json'
    })
})

/*====================================  页面数据渲染  ======================================*/
//加载首页数据
loadInitData();

function loadInitData(){
    console.log("0000000000")
    var token = localStorage.getItem("token");
    console.log("token==="+token)

    $.ajax({
        type:"get",
        url:"http://localhost:8081/demo/testPerson",
        headers:{"token":token},
        success:function (result){
            var data = result.data;
            console.log(data);
            //获取用户名
            var user = data.user.data;
            console.log(user)
            console.log(",,,,,,,,,,,,,,,,")
            //用户名
            if (user != null){
                //修改页面信息
                $(".user-img").attr("src",user.userHeading);
                $(".user-name").text(user.userNickname);
                $(".user-telno").text(user.userTelno);
                $(".user_point").text(user.userPoint);
            }
            //获取优惠券数量
            var couponNum = data.couponNum;
            console.log("num========="+couponNum)
            if (couponNum !== null){
                $(".couponnum").text(couponNum);
            }
            //获取用户对应的所有订单信息
            var myorderlist = data.myorderlist;
            console.log(myorderlist);
            $(".list").html("")
            for (var i=0;i<3;i++){
                var createtime = myorderlist[i].myorderCreateTime;
                console.log("createtime=========="+createtime)
                if (myorderlist[i] != null) {
                    var orderlist = '<li class="listitem">\n' +
                        '                    <a href=""><img src="${pageContext.request.contextPath}/images/pyc_huangjiu.webp" alt=""></a>\n' +
                        '                    <div class="state">\n' +
                        '                        <div class="ordertext">您的订单已由快递驿站代收。如有疑问您可以联系配送员【陈平安，15702971618】确认。感谢您在京东购物，欢迎再次光临。\n' +
                        '                        </div>\n' +
                        '                        <div class="kuaidi">\n' +
                        '                            <div class="kuaiditype">下单时间</div>\n' +
                        '                            <span></span>\n' +
                        '                            <div class="date">'+createtime+'</div>\n' +
                        '                        </div>\n' +
                        '                    </div>\n' +
                        '                    <div class="chakan"><a href="">查看详情</a></div>\n' +
                        '                </li>\n'


                $(".list").append(orderlist);                }

            }

        },
        dataType:"json"

    })
}
